<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<link type="text/css" rel="stylesheet"
		href="/1resource/css/customStyle.css" />
<h:form>
	<p:layoutUnit id="searchTab" position="west" resizable="true"
		minSize="200" styleClass="searchDiv">

		<div style="height: 30px; width: 100%; background-color: orange;">
			<ui:insert name="AuxToolbar"></ui:insert>
		</div>
		<div style="height: 30px; width: 100%; background-color: yellow;">
			<ui:insert name="AuxSearch"></ui:insert>
		</div>
		<div style="width: 100%"> 
			<p:dataTable id="customerList" var="cus" value="#{customerBean.customerList}"   
	                 selection="#{customerBean.selectedCustomerList}" selectionMode="multiple">  
			  
				        <p:column >  
				            #{cus.name}  
				        </p:column>  
<!-- 						 <p:ajax event="rowSelect" update=":form:searchTab"  />   -->
			    </p:dataTable>  
		</div>
	</p:layoutUnit>
</h:form>	
</ui:composition>
